function Init3Dpie(id, args) {
    var Title = args.title;
    var indicId = args.indicID;
    var dataUrl = '../json/pieJson.json'
    var dataJson = {
        "indicId": indicId
    }

    $.ajax({
        url: dataUrl,
        type: "get",
        dataType: "json",
        success: function (msg) {
            var dataList = [];
            for (i = 0; msg.length > 0 && i < msg.length; i++) {
                var d = [msg[i].name, msg[i].value]
                dataList.push(d)
            }

            $("#" + id).highcharts({
                chart: {
                    plotBackgroundColor: null,
                    backgroundColor: 'rgba(0,0,0,0)',
                    plotBorderWidth: null,
                    marginBottom: 0,
                    plotShadow: false,
                    options3d: {
                        enabled: true,
                        alpha: 60,
                        beta: 0
                    }
                },
                colors: ['#a383ff', '#01dbff', '#67f50b', '#faff00', '#a8a8a8'],
                legend: {
                    itemStyle: {
                        "color": "#323232",
                        "cursor": "pointer",
                        "fontSize": "12px",
                        "fontWeight": "normal"
                    },
                    squareSymbol: true,
                    itemHoverStyle: {
                        "color": "#323232"
                    },
                    symbolRadius: 10,

                    y: -300,
                },
                title: {
                    text: Title,
                    style: {
                        "color": "#323232",
                        "fontSize": "18px"
                    }
                },
                tooltip: {
                    //				headerFormat: '{series.name}<br>',
                    pointFormat: '{point.name}: <b>{point.percentage:.1f}%</b>'
                },
                credits: {
                    enabled: false
                },
                plotOptions: {
                    pie: {
                        allowPointSelect: true,
                        cursor: 'pointer',
                        depth: 30,
                        dataLabels: {
                            enabled: true,
                            format: '{point.percentage:.1f}%',
                            style: {
                                fontSize: "14px",
                                color: '#323232',
                                fill: '#323232',
                                "fontWeight": "normal"
                            }
                        },
                        showInLegend: true
                    }
                },

                series: [{
                    type: 'pie',
                    name: Title,
                    center: ['50%', "70%"],
                    data: dataList
                }]
            });

        }
    });

}

function Initlinechart(id, args) {

    var Title = args.title;
    var indicId = args.indicID;
    var dataUrl = ''
    var dataJson = {
        "indicId": indicId
    }

    var myChart = echarts.init(document.getElementById(id));
    option = {
        color: ['#0084cf', '#f19049'],
        title: {
            text: Title,
            left: "center",
            top: "2px",
            textStyle: {
                color: '#323232',

                fontWeight: 'normal',
            },
        },
        tooltip: {
            trigger: 'axis',
            axisPointer: {
                type: 'cross',
                label: {
                    backgroundColor: '#6a7985'
                }
            }
        },
        legend: {
            data: ['好用户面积占比', '较差用户面积占比'],
            top: "57px",
            itemGap: 50

        },

        grid: {
            left: '0px',
            right: '0px',
            bottom: '10%',
            top: '30%',
            containLabel: true
        },
        xAxis: [{
            type: 'category',
            boundaryGap: true,
            data: ['Low-500', '501-592', '593-640', '641-679', '680-700', '701-722', '723-Height'],
            axisLabel: {
                rotate: 30,
                textStyle: {
                    fontSize: 14
                }
            }
        }],
        yAxis: [{
            type: 'value'
        }],
        series: [{
            name: '好用户面积占比',
            type: 'line',
            smooth: true,
            data: [120, 132, 147, 168, 189, 199, 230]
            //						data: gList
        }, {
            name: '较差用户面积占比',
            type: 'line',
            smooth: true,
            symbolSize: 10,
            data: [100, 112, 125, 148, 165, 175, 218]
            //						data: bList
        }

        ]
    };

    myChart.setOption(option)
}

//operat图表
function Initlinechart1(id, args) {

    var myChart = echarts.init(document.getElementById(id));
    option = {
        color: ['#5efdf4', '#ee92f7', '#5aa9af', '#fff402', '#ffffff', '#fcb137'],
        tooltip: {
            trigger: 'axis',
            axisPointer: {
                type: 'cross',
                label: {
                    backgroundColor: '#6a7985'
                }
            }
        },
        legend: {
            data: ['数据验真', '和信分', '精准营销', '失联用户修复', '网点选址', '二次卡清理'],
            top: "20px",
            itemGap: 20,
            textStyle: {
                color: 'white'
            }

        },

        grid: {
            left: '0px',
            right: '0px',
            bottom: '0%',
            top: '15%',
            containLabel: true,
            y2: 140
        },
        xAxis: [{
            type: 'category',
            boundaryGap: true,
            axisLine: {
                lineStyle: {
                    color: 'white'
                }
            },
            data: ['3月', '4月', '5月', '6月', '7月', '8月'],

        }],
        yAxis: [{
            type: 'value',
            axisLine: {
                lineStyle: {
                    color: 'white'
                }

            },
            axisTick: {
                show: false
            },
        }],
        series: [{
            name: '数据验真',
            type: 'line',
            smooth: true,
            symbol: 'circle',

            data: [1, 3, 4, 7, 9, 9]
            //						data: gList
        }, {
            name: '和信分',
            type: 'line',
            smooth: true,
            symbol: 'circle',
            symbolSize: 10,
            data: [0, 0, 1, 2, 3, 4]
        }, {
            name: '精准营销',
            type: 'line',
            smooth: true,
            symbol: 'circle',
            symbolSize: 10,
            data: [0, 3, 10, 16, 20, 20]
        }, {
            name: '失联用户修复',
            type: 'line',
            smooth: true,
            symbol: 'circle',
            symbolSize: 10,
            data: [0, 0, 0, 0, 1, 2]
        }, {
            name: '网点选址',
            type: 'line',
            smooth: true,
            symbol: 'circle',
            symbolSize: 10,
            data: [1, 1, 1, 3, 4, 5]
        }, {
            name: '二次卡清理',
            type: 'line',
            smooth: true,
            symbol: 'circle',
            symbolSize: 10,
            data: [0, 0, 0, 0, 1, 1]
        }

        ]
    };

    myChart.setOption(option)
}

function Initpie(id, args) {

    var myChart = echarts.init(document.getElementById(id));
    option = {
        color: ['#febd28', '#fdff30', '#23e254', '#00f4ff', '#1c97f9', '#6444fa'],
        //		tooltip: {
        //			trigger: 'item',
        //			formatter: "{a} <br/>{b} : {c} ({d}%)"
        //		},
        legend: {
            orient: 'vertical',
            right: '20px',
            top: '30%',
            data: ['数据验真', '和信分', '精准营销', '失联用户修复', '网点选址', '二次卡清理'],
            icon: 'circle',
            align: 'left',
            textStyle: {
                color: 'white'
            }
        },
        series: [{
            name: '访问来源',
            type: 'pie',

            radius: '50%',
            label: {
                normal: {
                    position: 'inner',
                    formatter: '{d}%',
                }
            },
            z: 10,
            center: ['30%', '55%'],
            data: [{
                value: 335,
                name: '数据验真'
            },
                {
                    value: 310,
                    name: '和信分'
                },
                {
                    value: 234,
                    name: '精准营销'
                },
                {
                    value: 135,
                    name: '失联用户修复'
                },
                {
                    value: 1548,
                    name: '网点选址'
                }, {
                    value: 1548,
                    name: '二次卡清理'
                }
            ],

        }, {

            type: 'pie',
            tooltip: {
                show: false
            },
            z: 2,
            radius: '70%',
            label: {
                normal: {
                    show: false
                }
            },
            itemStyle: {
                normal: {
                    color: 'rgba(45,121,143,0.4)'
                }
            },
            animation: false,
            center: ['30%', '55%'],
            data: [{
                value: 335

            }],

        }]
    };
    myChart.setOption(option)
}

function Initbarchart(id, args) {
    var myChart = echarts.init(document.getElementById(id));

    option = {
        color: ['#31cbfd'],
        //		tooltip: {
        //			trigger: 'axis',
        //			axisPointer: { // 坐标轴指示器，坐标轴触发有效
        //				type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
        //			}
        //		},
        grid: {
            left: '3%',
            right: '4%',
            bottom: '3%',
            containLabel: true
        },
        xAxis: [{
            type: 'category',
            data: ['和信分', '数据验真', '精准营销', '网点选址'],
            axisTick: {
                alignWithLabel: true,
            },

        }],
        yAxis: [{
            type: 'value',
            splitNumber: 9,
            min: 0,
            axisTick: {
                show: false
            },
            splitLine: {
                lineStyle: {
                    color: '#e6e9eb'
                }
            },
            max: 5000
        }],
        series: [{
            name: '产品登陆情况分析',
            type: 'bar',
            barWidth: '60%',
            z: 10,
            barWidth: 40,
            label: {
                normal: {
                    show: true,
                    position: 'top',
                    textStyle: {
                        color: '#364c54'
                    },
                }
            },
            data: [131, 1910, 1799, 2101]
        }, {
            name: '',
            z: 5,
            type: 'line',
            itemStyle: {
                normal: {
                    color: 'rgba(0,0,0,0)'
                }
            },
            areaStyle: {
                normal: {
                    color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
                        offset: 1,
                        color: '#ffffff'
                    }, {
                        offset: 0,
                        color: '#ecf5fa'
                    }])
                }
            },
            tooltip: {
                show: false
            },
            data: [10, 52, 120, 134]
        }]
    };
    myChart.setOption(option)
}

function Initbarchart1(id, args) {
    var myChart = echarts.init(document.getElementById(id));

    option = {
        color: ['#31cbfd'],
        //		tooltip: {
        //			trigger: 'axis',
        //			axisPointer: { // 坐标轴指示器，坐标轴触发有效
        //				type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
        //			}
        //		},
        grid: {
            left: '3%',
            right: '4%',
            bottom: '3%',
            containLabel: true
        },
        xAxis: [{
            type: 'category',
            data: ['和信分', '数据验真', '失联用户修复', '二次卡清理', '短信授权'],
            axisTick: {
                alignWithLabel: true,
            },
            axisLabel: {
                interval: 0,
                rotate: -30
            }
        }],
        yAxis: [{
            type: 'value',
            splitNumber: 9,
            min: 0,
            max: 5000,
            axisTick: {
                show: false
            },
            splitLine: {
                lineStyle: {
                    color: '#e6e9eb'
                }
            }

        }],
        series: [{
            name: 'OPENAPI使用情况分析',
            type: 'bar',
            barWidth: '60%',
            z: 10,
            barWidth: 40,
            label: {
                normal: {
                    show: true,
                    position: 'top',
                    textStyle: {
                        color: '#364c54'
                    },
                }
            },
            data: [3822, 35, 214, 1, 3]
        }, {
            name: '',
            z: 5,
            type: 'line',
            itemStyle: {
                normal: {
                    color: 'rgba(0,0,0,0)'
                }
            },
            areaStyle: {
                normal: {
                    color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
                        offset: 1,
                        color: '#ffffff'
                    }, {
                        offset: 0,
                        color: '#ecf5fa'
                    }])
                }
            },
            tooltip: {
                show: false
            },
            data: [20000, 12000, 8000, 13400]
        }]
    };
    myChart.setOption(option)
}

//运营详情

function Inityypie(id, args) {

    var myChart = echarts.init(document.getElementById(id));
    option = {
        color: ['#febd28', '#6dff30', '#23e254', '#00f4ff'],
        tooltip: {
            trigger: 'item',
            formatter: "{a} <br/>{b} : {c} ({d}%)"
        },
        legend: {

            align: 'center',
            bottom: '0%',
            data: ['享宇金服', '安迅自动', '和包贷', '鼎数信息'],
            icon: 'circle',
            align: 'left',
            textStyle: {
                color: '#323232',
                fontSize: 16
            }
        },
        series: [{
            name: '访问来源',
            type: 'pie',

            radius: '80%',
            label: {
                normal: {
                    position: 'inner',
                    formatter: '{c}次',
                }
            },
            z: 10,
            center: ['50%', '50%'],
            data: [{
                value: 0,
                name: '享宇金服'
            },
                {
                    value: 0,
                    name: '安迅自动'
                },
                {
                    value: 0,
                    name: '和包贷'
                },
                {
                    value: 0,
                    name: '鼎数信息'
                }
            ],

        }]
    };
    myChart.setOption(option)
}

//运营柱状图
function Initbarchart2(id, args) {
    var myChart = echarts.init(document.getElementById(id));

    option = {
        color: ['#4f81bd', '#c0504d'],
        tooltip: {
            trigger: 'axis',
            axisPointer: { // 坐标轴指示器，坐标轴触发有效
                type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
            }
        },
        grid: {
            left: '3%',
            right: '4%',
            bottom: '3%',
            containLabel: true
        },
        xAxis: [{
            type: 'category',
            data: ['享宇金融', '安迅自动', '和包贷', '鼎数信息'],
            axisTick: {
                alignWithLabel: true,
            },
            axisLabel: {
                textStyle: {
                    fontSize: 16
                }
            }

        }],
        yAxis: [{
            type: 'value',
            splitNumber: 9,
            min: 0,
            axisTick: {
                show: false
            },
            splitLine: {
                lineStyle: {
                    color: '#e6e9eb'
                }
            },

        }],
        series: [{
            name: 'OPENAPI接口使用情况（条）',
            type: 'bar',

            z: 10,

            label: {
                normal: {
                    show: true,
                    position: 'top',
                    textStyle: {
                        color: '#364c54'
                    },
                }
            },
            data: [0, 3226, 0, 0]
        }, {
            name: '系统页面使用情况（条）',
            z: 5,
            type: 'bar',
            label: {
                normal: {
                    show: true,
                    position: 'top',
                    textStyle: {
                        color: '#364c54'
                    },
                }
            },
            data: [0, 0, 0, 0]
        }]
    };
    myChart.setOption(option)
}

//折线图
function Initlinechart2(id, args) {
    var myChart = echarts.init(document.getElementById(id));
    var option = {
        tooltip: {
            trigger: 'axis'
        },
        legend: {
            right: '50px',
            top: '20px',
            data: ['享宇金融', '安迅自动', '和包贷', '鼎数信息'],
        },
        grid: {
            left: '3%',
            right: '4%',
            bottom: '3%',
            containLabel: true
        },
        xAxis: [{
            type: 'category',
            axisTick: {
                interval: 0,
                inside: true,
            },
            axisLine: {
                onZero: false
            },
            boundaryGap: false,
            //            data : ['2015年10月','2015年11月','2015年12月','2016年1月','2016年2月','2016年3月','2016年4月','2016年5月','2016年6月','2016年7月','2016年8月','2016年9月']
            data: ['2015.10', '2015.11', '2015.12', '2016.1', '2016.2', '2016.3', '2016.4', '2016.5', '2016.6', '2016.7', '2016.8', '2016.9']
        }],
        yAxis: [{
            type: 'value',
            axisTick: {
                show: false,
            },
        }],
        series: [{
            name: '享宇金融',
            type: 'line',
            symbolSize: 8,
            smooth: true,
            animationDuration: 5000,
            data: [568, 750, 758, 758, 456, 768, 772, 780, 786, 792, 800, 804],
            //data:[320, 432, 401, 534, 690, 762, 910,320, 432, 401, 534, 690],
            //			itemStyle: {
            //				normal: {
            //					color: '#65cae6'
            //				}
            //			},
        }, {
            name: '安迅自动',
            type: 'line',
            symbolSize: 8,
            smooth: true,
            animationDuration: 5000,
            data: [746, 750, 758, 664, 444, 246, 772, 780, 786, 792, 800, 804],
            //data:[320, 432, 401, 534, 690, 762, 910,320, 432, 401, 534, 690],
            //			itemStyle: {
            //				normal: {
            //					color: '#65cae6'
            //				}
            //			},
        }, {
            name: '和包贷',
            type: 'line',
            symbolSize: 8,
            smooth: true,
            animationDuration: 5000,
            data: [746, 750, 758, 758, 760, 594, 772, 123, 786, 792, 800, 124],
            //data:[320, 432, 401, 534, 690, 762, 910,320, 432, 401, 534, 690],
            //			itemStyle: {
            //				normal: {
            //					color: '#65cae6'
            //				}
            //			},
        }, {
            name: '鼎数信息',
            type: 'line',
            symbolSize: 8,
            smooth: true,
            animationDuration: 5000,
            data: [746, 750, 758, 758, 760, 768, 772, 780, 786, 792, 800, 804],
            //data:[320, 432, 401, 534, 690, 762, 910,320, 432, 401, 534, 690],
            //			itemStyle: {
            //				normal: {
            //					color: '#65cae6'
            //				}
            //			},
        }]
    };
    myChart.setOption(option)
}

//精准营销

function Initbarchart3(id, args) {
    var myChart = echarts.init(document.getElementById(id));

    option = {
        color: ['#4f81bd', '#c0504d'],
        tooltip: {
            trigger: 'axis',
            axisPointer: { // 坐标轴指示器，坐标轴触发有效
                type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
            }
        },
        legend: {
            right: '50px',
            top: '20px',
            data: ['短信推送条数', '累计计费'],
        },
        grid: {
            left: '3%',
            right: '4%',
            bottom: '30%',
            containLabel: true
        },
        xAxis: [{
            type: 'category',
            data: ['华泰证券', '南京银行', '渤海银行', '招商银行', '国美集团', '渤海银行', '招商银行', '东吴证券', '邮政苏州支行'],
            axisTick: {
                alignWithLabel: true,
            },

            axisLabel: {
                rotate: 60,
                textStyle: {
                    fontSize: 12
                }
            }

        }],
        yAxis: [{
            type: 'value',
            splitNumber: 9,
            min: 0,
            axisTick: {
                show: false
            },
            splitLine: {
                lineStyle: {
                    color: '#e6e9eb'
                }
            },

        }],
        series: [{
            name: '累计计费',
            type: 'bar',

            z: 10,

            label: {
                normal: {
                    show: true,
                    position: 'top',
                    textStyle: {
                        color: '#364c54'
                    },
                }
            },
            data: [10, 52, 120, 134, 10, 52, 120, 134, 153]
        }, {
            name: '短信推送条数',
            z: 5,
            type: 'bar',
            label: {
                normal: {
                    show: true,
                    position: 'top',
                    textStyle: {
                        color: '#364c54'
                    },
                }
            },
            data: [22, 62, 126, 164, 22, 62, 126, 164, 120]
        }]
    };
    myChart.setOption(option)
}


function Initlinechart22(id, args) {
    var myChart = echarts.init(document.getElementById(id));
    var option = {
        tooltip: {
            trigger: 'axis'
        },
        legend: {
            right: '50px',
            top: '20px',
            data: ['享宇金融', '安迅自动', '和包贷', '鼎数信息'],
        },
        grid: {
            left: '3%',
            right: '4%',
            bottom: '3%',
            containLabel: true
        },
        xAxis: [{
            type: 'category',
            axisTick: {
                interval: 0,
                inside: true,
            },
            axisLine: {
                onZero: false
            },
            boundaryGap: false,
            data: ['3月', '4月', '5月', '6月', '7月', '8月']
        }],
        yAxis: [{
            type: 'value',
            axisTick: {
                show: false,
            },
        }],
        series: [{
            name: '享宇金融',
            type: 'line',
            symbolSize: 8,
            smooth: true,
            animationDuration: 5000,
            data: [0,0,0,0,0,0],

        }, {
            name: '安迅自动',
            type: 'line',
            symbolSize: 8,
            smooth: true,
            animationDuration: 5000,
            data: [0,0,0,0,781,3226],

        }, {
            name: '和包贷',
            type: 'line',
            symbolSize: 8,
            smooth: true,
            animationDuration: 5000,
            data: [0,0,0,0,0,0],

        }, {
            name: '鼎数信息',
            type: 'line',
            symbolSize: 8,
            smooth: true,
            animationDuration: 5000,
            data: [0,0,0,0,0,0],

        }]
    };
    myChart.setOption(option)
}